.sureX {
  .r;
  .clip;
  .ct(x, 360px);
  .w(360px);
  .top(20%);
  .bgz(@cff, 0.1);
  .loginX {
    .p(20px 30px);
    .title {
      .x;
      .fz(22px, 40px);
      .color(@cff);
      .m(b, 20px);
    }
    .boxX {
      .p(x, 10px);
      .item {
        .lh(30px);
        .m(b, 20px);
        .min-h(30px);
        .inputX {
          .r;
          .clip;
          .h(30px);
          .bo(1px solid @cff);
          span {
            .dbi;
            .x;
            .bgc(@cf7);
            .bo(r, 1px solid @cff);
            .size(60px, 100%);
          }
          input {
            .bgc;
            .size(190px, 30px);
            .bo(0);
            .p(x, 10px);
            .color(@cff);
            &::-webkit-input-placeholder {
              .color(@c99);
            }
          }
        }
        .errX {
          .none;
          .fz(12px);
          .indent(60px);
          .color(@cf0);
        }
        &:nth-child(2) {
          .m(0);
        }
        .forgot {
          .fr;
          .fz(12px);
          .color(@cff, @cf0);
        }
        .submit {
          .r;
          .cur;
          .db;
          .m(0 auto);
          .size(120px, 30px);
          .bgs(@cdd);
          .bo(0);
        }
      }
    }
  }
}